<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Betterlife Front UI</title>

    <link rel="stylesheet" href="../../css/common.min.css">
    <script type="text/javascript" src="../../js/common/base.min.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
    <!-- main nav begin -->
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" id="btn-toggle-navbar" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <button type="button" class="navbar-toggle collapsed" id="btn-toggle-sidebar" data-toggle="collapse" data-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
        <span class="sr-only"></span>
        <i class="glyphicon glyphicon-briefcase"></i>
      </button>
      <button type="button" class="navbar-toggle collapsed" id="btn-toggle-searchbar" data-toggle="collapse" data-target="#searchbar" aria-expanded="false" aria-controls="searchbar">
        <span class="sr-only"></span>
        <i class="fa fa-search"></i>
      </button>
      <a class="navbar-brand" href="/">
        <img src="../../images/logo.png" /> <span>Betterlife Front UI</span>
      </a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="../../">首页</a></li>
        <li><a href="../../html/blog/index.html">博客</a></li>
        <li><a href="../../html/featured/index.html">发现</a></li>
        <li><a href="../../html/us/index.html">我们</a></li>
        <li class="dropdown">
          <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            其它
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" aria-labelledby="dLabel">
            <li><a href="http://www.iqiyi.com/" target="_blank">电影</a></li>
            <li><a href="https://y.qq.com/" target="_blank">音乐</a></li>
            <li><a href="http://36kr.com/" target="_blank">研发</a></li>
            <li><a href="https://www.jd.com/" target="_blank">购物</a></li>
            <li><a href="../../html/model/preview.html">话题</a></li>
            <li><a href="https://www.pengfu.com/" target="_blank">幽默</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <span class="fa fa-user"></span>
            <span class="username">skygreen</span>
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" aria-labelledby="dLabel">
            <li><a href="../../html/home.html"><span class="glyphicon glyphicon-edit"></span>后台管理</a></li>
            <li><a href="#reset"><span class="glyphicon glyphicon-edit"></span>修改密码</a></li>
            <li><a href="../../login.html"><span class="glyphicon glyphicon-off"></span>退出</a></li>
          </ul>
        </li>
        <li id="searchbar-li" class="search-toggle collapsed" data-toggle="collapse" data-target="#searchbar" aria-expanded="false" aria-controls="searchbar">
          <a>
            <span><span class="menu-search-text">搜索</span><span class="fa fa-search" aria-hidden="true"></span></span>
          </a>
        </li>
        <li><a id="btn-layout-small"><i class="glyphicon glyphicon-resize-small"></i></a></li>
      </ul>
    </div>
  </div>
  <div id="searchbar" class="collapse">
    <div id="searchbar-inner">
      <form method="get" action="" class="searchbar-form">
        <input id="t-search" type="search" class="form-control" name="search" autocomplete="off" autofocus="autofocus" placeholder="搜你所想">
        <i id="searchbar-close" class="fa fa-remove search-toggle"></i>
      </form>
    </div>
  </div>
</nav>

    <!-- /main nav end -->

    <!-- page container begin -->
    <div class="page-container featured">
      <!-- page content begin -->
      <div class="page-content">
        <div id="sidebar" class="sidebar page-sidebar"></div>
        <!-- main content begin -->
        <div class="content-wrapper">
          <div class="main-content">
            <!-- content area begin -->
            <div class="container-fluid">
              <div class="main-header row">
                <div class="head-img">
                  <div class="img" style="background-image: url('../../images/beauty.jpg')"></div>
                </div>
                <div class="filter-bar">
                  <ul>
                    <li id="orderBy" class="recommend dropdown">
                      <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span>排序方式</span><br>
                        <span class="option" name="zui" value="">最热推荐</span>
                      </a>
                      <ul class="dropdown-menu" aria-labelledby="dLabel">
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li onclick="reverts4()" style="color: #ff224f;background-color: #ffffff">最热推荐</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li id="zui" class="zu">按人气排序</li>
                        </a>
                      </ul>
                    </li>
                    <li id="cityFilter" class="city dropdown">
                      <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span>所在城市</span><br>
                        <span class="option" name="city" value="">任何城市</span>
                      </a>
                      <ul class="dropdown-menu" aria-labelledby="dLabel">
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li onclick="reverts()" style="color: #ff224f;background-color: #ffffff">任何城市</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li id="city_2" class="ci">北京</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li id="city_3" class="ci">安徽</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li id="city_16" class="ci">江苏</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li id="city_17" class="ci">江西</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li id="city_25" class="ci">上海</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li id="city_31" class="ci">浙江</li>
                        </a>
                      </ul>
                    </li>
                    <li id="typeFilter" class="cate dropdown">
                      <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span>分门别类</span><br>
                        <span class="option" name="cate" value="">任何类别</span>
                      </a>
                      <ul class="dropdown-menu" aria-labelledby="dLabel">
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li style="color: #ff224f;background-color: #ffffff">任何类别</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration: none">
                          <li id="cate_19" class="ca">闯关寻宝</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration: none">
                          <li id="cate_12" class="ca">探险之旅</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration: none">
                          <li id="cate_13" class="ca">玄幻奇缘</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration: none">
                          <li id="cate_14" class="ca">历史武侠</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration: none">
                          <li id="cate_15" class="ca">自然之谜</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration: none">
                          <li id="cate_16" class="ca">都市故事</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration: none">
                          <li id="cate_17" class="ca">文艺街巷</li>
                        </a>
                        <a href="../../html/featured/index.html" style="text-decoration: none">
                          <li id="cate_20" class="ca">名人轶事</li>
                        </a>
                      </ul>
                    </li>
                    <li id="renqunFilter" class="renqun dropdown last">
                      <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span>适合人群</span><br>
                        <span class="option" name="renshu" value="">任何人群</span>
                      </a>
                      <ul class="dropdown-menu" aria-labelledby="dLabel">
                        <a href="../../html/featured/index.html" style="text-decoration:none">
                          <li onclick="reverts3()" style="color: #ff224f;background-color: #ffffff">适合人群</li>
                        </a>
                        <a style="text-decoration: none" href="../../html/featured/index.html">
                          <li id="ren_23" class="re">中国人</li>
                        </a>
                        <a style="text-decoration: none" href="../../html/featured/index.html">
                          <li id="ren_24" class="re">美国人</li>
                        </a>
                        <a style="text-decoration: none" href="../../html/featured/index.html">
                          <li id="ren_25" class="re">职业人群</li>
                        </a>
                        <a style="text-decoration: none" href="../../html/featured/index.html">
                          <li id="ren_26" class="re">娱乐大众</li>
                        </a>
                        <a style="text-decoration: none" href="../../html/featured/index.html">
                          <li id="ren_28" class="re">文化人</li>
                        </a>
                      </ul>
                    </li>
                    <form method="post">
                      <input id="searchtrip" type="text" value="" name="search" placeholder="搜你所想">
                      <button type="submit">
                        <i class="fa fa-search fa-2x" aria-hidden="true"></i>
                      </button>
                    </form>
                  </ul>
                </div>
              </div>
              <div class="unit-list row">
                <!-- 单元的模版
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                  <div class="unit-box">
                    <div class="img-box">
                      <img src="https://lorempixel.com/900/500?r=1" alt="美图">
                    </div>
                    <div class="title-box">
                      <h2>只为更好的标题</h2>
                      <p>前端技术</p>
                    </div>
                    <div class="suffix-box">
                      <ul>
                        <li>skygreen</li>
                        <li>2018-01-07</li>
                        <li><i class="fa fa-eye"></i>30</li>
                      </ul>
                    </div>
                  </div>
                </div> -->
              </div>
              <div class="btn-load-more row">
                <button type="button" name="button">加载更多</button>
              </div>
            </div>
            <!-- /content area end -->
          </div>
        </div>
        <!-- /main content end -->
        <div class="clearfix"></div>
      </div>
      <!-- /page content end -->
    </div>
    <!-- /page container end -->

    <!-- footer begin -->
    
    <footer class="text-muted">
        <div id="footer-inner" class="container clr">
            <div id="copyright" class="clr" role="contentinfo">
                © 2017-2020 Betterlife - All Rights Reserved.&nbsp;
                <div id="link" class="clr" role="linkinfo"><a title="License" href="https://github.com/skygreen2001/betterlife.front/blob/master/LICENSE" target="_blank">License</a>&nbsp;| <a title="Help" href="https://github.com/skygreen2001/betterlife.front" target="_blank">Help</a></div>
            </div>
        </div>
    </footer>

    <div class="return-top">
        <span class="icon-stack fa-3x">
          <i class="fa fa-circle fa-stack-2x"></i>
          <i class="fa fa-minus fa-inverse fa-stack-1x up"></i>
          <i class="fa fa-arrow-up fa-inverse fa-stack-1x down"></i>
        </span>
    </div>

    <script type="text/javascript" src="../../js/common/bower/bower.min.js"></script>
    <script type="text/javascript" src="../../js/normal/common.js"></script>
    <script type="text/javascript" src="../../js/normal/layout.js"></script>

    <!-- /footer end -->
    <!-- template begin -->
    <script id="unitTmpl" type="text/x-jsrender">
      <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
        <div class="unit-box">
          <div class="img-box">
            <img src="../../images/beauty.jpg" onload="this.src='{{:img_src}}';" onerror="this.src='../../images/beauty.jpg';" alt="{{:title}}">
          </div>
          <div class="title-box">
            <h2>{{:title}}</h2>
            <p>{{:category}}</p>
          </div>
          <div class="suffix-box">
            <ul>
              <li>{{:author}}</li>
              <li>{{:publishTime}}</li>
              <li><i class="fa fa-eye"></i>{{:countSee}}</li>
            </ul>
          </div>
        </div>
      </div>
    </script>
    <!-- /template end -->
    <script src="../../js/core/featured.js"></script>
</body>
</html>
